 * {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: sans-serif;
}

.container {
  background: #23424a;
  color: white;

  width: 80%;
  margin: 0 auto;

  padding: 2em;
  /* height: 300px; */
}

.container .intro-content {
  width: 50%;

  margin: 0 auto;
}


@media all and (orientation: landscape) {
  .container {
    background-color: skyblue;
  }
}

@media all and (orientation: portrait) {
  .container {
    background-color: yellowgreen;
  }
}

